<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="zi" uri="http://gson.cn/jsp/jstl/mytags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="textml; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="static/css/JDdigit.css" />
</head>
<body style="overflow: -Scroll; overflow-x: hidden">
	<div class="bigbox">
		<div class="top_bigbox">
			<div class="top_box">

				<ul class="top_dh">
					<li><a href="#">${users.user_name}</a> <a class="kkk"></a></li>
					<li><a href="#">免费注册</a> <a class="gan">|</a></li>
					<li><a href="#">我的订单</a> <a class="gan">|</a></li>
					<li><a href="#" class="arrow">我的京东<i><s>♢</s></i>&nbsp;&nbsp;
					</a> <a class="gan">|</a></li>
					<li><a href="#">京东会员</a> <a class="gan">|</a></li>
					<li><a href="#">企业采购</a> <a class="gan">|</a></li>
					<li><a href="#" class="arrow">客户服务<i><s>♢</s></i>&nbsp;&nbsp;
					</a> <a class="gan">|</a></li>
					<li><a href="#" class="arrow">网站导航<i><s>♢</s></i>&nbsp;&nbsp;
					</a> <a class="gan">|</a></li>
					<li><a href="#">手机京东</a></li>
				</ul>
			</div>
		</div>

		<div class="jd_bigss">
			<div class="jd_ss">
				<!--logo标志-->
				<div class="logodiv"></div>
				<div class="red_ss">
					<input type="text" placeholder="手机" />
				</div>
				<button class="btn_ss">搜索</button>
				<div class="gwc_box">
					<div class="txt_gwc">
						<a href="#">我的购物车</a>
					</div>
					<div class="gwc_img"></div>
				</div>
			</div>
		</div>


		<div class="JDtitle">
			<div class="titlename">全部商品分类</div>
			<div class="titleul">
				<ul>
					<li><a href="">服装城</a></li>
					<li><a href="">美妆馆</a></li>
					<li><a href="">超市</a></li>
					<li><a href="">生鲜</a></li>
					<li><a href="">全球购</a></li>
					<li><a href="">闪购</a></li>
					<li><a href="">拍卖</a></li>
					<li><a href="">金融</a></li>
				</ul>

			</div>
		</div>

		<!-- 热卖推荐的整体大盒子  -->
		<div class="remaibox">
			<!-- 热卖推荐-->
			<div class="tuijian">
				<div calss="wen">
					热卖<br />推荐
				</div>
			</div>

			<!-- 热卖中陈列商品的盒子  -->
			<div class="reshang">
				<ul class="reul">
					<!--描述；第一张图片的li  -->
					<li><img src="static/img/1.jpg">
						<div class="rewen">
							<a href="" class="wenzi">Apple 苹果 iPhoneX 全面屏手机 银色 全网通（64GB ）</a>
							<span>￥7719.00</span>
						</div>
						<div class="btn">
							<a href="">立即抢购</a>
						</div></li>

					<!--描述；第二张图片的li  -->
					<li><img src="static/img/2.jpg">
						<div class="rewen">
							<a href="" class="wenzi">vivo X20 全面屏双摄拍照手机 4GB+64GB 金色 移动联</a> <span>￥2998.00</span>
						</div>
						<div class="btn">
							<a href="">立即抢购</a>
						</div></li>
					<!--描述；第三张图片的li  -->
					<li><img src="static/img/3.jpg">
						<div class="rewen">
							<a href="" class="wenzi">夏普 SHARP AQUOS S2 全面屏手机 全网通 4GB+64GB
							</a> <span>￥1699.00</span>
						</div>
						<div class="btn">
							<a href="">立即抢购</a>
						</div></li>
				</ul>
				<!--
                        	作者：1547510573@qq.com
                        	时间：2018-01-08
                        	描述：促销活动的盒子
                        -->
				<div class="cuxiao">
					<div calss="wen">
						促销<br />活动
					</div>
				</div>

				<!-- 商品文字信息列表的盒子 -->
				<div class="rexin">
					<ul>
						<li><a href="">红米千元全面屏手机上市</a></li>
						<li><a href="">锤子坚果Pro2火爆预约中</a></li>
						<li><a href="">大牌新品 疯狂抢购</a></li>
						<li><a href="">X20 vivo蓝新色上市</a></li>
						<li><a href="">荣耀畅玩7X新品上市</a></li>
					</ul>

				</div>
			</div>

			<!--
            	描述：手机盒子
            -->
			<div class="phone">
				<a href="" class="pha">手机</a><span>></span>
				<div class="phtong">
					手机通讯
					<div class="tongimg"></div>
				</div>
				<div class="jian2">></div>
				<div class="minph">
					手机
					<div class="tongimg1"></div>
				</div>
				<div class="jian3">></div>
			</div>
		</div>

		<!--商品筛选盒子 -->
		<div class="stilte">
			<div class="sai">
				<span class="nooo">手机</span> 商品筛选
			</div>
			<div class="gong">共 10082个商品</div>

		</div>

		<div class="pingbigbox">
			<div class="pingpai">品牌：</div>
			<div class="pingimg">
				<ul>
					<li><a href=""><img src="static/img/oppo.jpg"></a></li>
					<li><a href=""><img src="static/img/vivo.jpg"></a></li>
					<li><a href=""><img src="static/img/hua.jpg"></a></li>
					<li><a href=""><img src="static/img/yijia.jpg"></a></li>
					<li><a href=""><img src="static/img/nuo.jpg"></a></li>
					<li><a href=""><img src="static/img/apple.jpg"></a></li>
					<li><a href=""><img src="static/img/zhui.jpg"></a></li>
					<li><a href=""><img src="static/img/mei.jpg"></a></li>
					<li><a href=""><img src="static/img/meitu.jpg"></a></li>
					<li><a href=""><img src="static/img/san.jpg"></a></li>
					<li><a href=""><img src="static/img/nv.jpg"></a></li>
					<li><a href=""><img src="static/img/360.jpg"></a></li>
					<li><a href=""><img src="static/img/zhong.jpg"></a></li>
					<li><a href=""><img src="static/img/ku.jpg"></a></li>
					<li><a href=""><img src="static/img/mi.jpg"></a></li>
					<li><a href=""><img src="static/img/jing.jpg"></a></li>
				</ul>
			</div>
			<div class="geng">
				<span>更多</span>
				<div class="jianxia"></div>
			</div>
			<div class="duo">
				<span>多选</span>
				<div class="jiahao"></div>
			</div>
		</div>

		<!--包住筛选条件的大盒子 -->
		<div class="xuanze">
			<!--便捷导购大盒子 -->
			<div class="bigbian">
				<div class="bian">便捷导购：</div>
				<div class="leix">
					<ul>
						<li><a href="">游戏手机</a></li>
						<li><a href="">老人手机</a></li>
						<li><a href="">拍照手机</a></li>
						<li><a href="">长续航手机</a></li>
					</ul>
				</div>
			</div>

			<!--价格的大盒子-->
			<div class="bigmoeny">
				<div class="bian">价格：</div>
				<div class="leix">
					<ul>
						<li><a href="">0-499</a></li>
						<li><a href="">500-999</a></li>
						<li><a href="">1000-1699</a></li>
						<li><a href="">1700-2799</a></li>
						<li><a href="">2800-4499</a></li>
						<li><a href="">4500-11999</a></li>
						<li><a href="">12000以上</a></li>
					</ul>
				</div>

			</div>

			<!--系统的大盒子-->
			<div class="bigsys">
				<div class="bian">系统：</div>
				<div class="leix">
					<ul>
						<li><a href="">安卓（Android）</a></li>
						<li><a href="">苹果（IOS）</a></li>
						<li><a href="">微软（WindowsPhone）</a></li>
						<li><a href=""> 基础功能机系统</a></li>
						<li><a href="">其他</a></li>

					</ul>
				</div>
			</div>
		</div>

		<!--包住商品列表图文信息的盒子-->
		<div class="goodsbody">
			<div class="goodslie">
				<div class="lietitle">
					<div class="titleone">
						<ul>
							<li class="zongp"><a href=""><span>综合排序</span></a></li>
							<li><a href="">销量</a></li>
							<li><a href="">价格</a></li>
							<li><a href="">评论数</a></li>
							<li><a href="">上架时间</a></li>
						</ul>
					</div>
				</div>
				<!-- 陈列商品的大盒子-->
				<div class="bodyxiang">
					<ul>
						<c:forEach items="${pages.rows}" var="nice">
							<li class="bodyli">
								<div class="divli1">
									<img src="${nice.picture_path}" width="220px">
									<div class="jiaxiang">¥${nice.shoop_price}</div>
									<div class="boxi">
										<a href="xq_body?shoop_id=${nice.shoop_Id}">${nice.shoop_Product}</a>
									</div>
									<div class="boxi2">已有11万+人评价</div>
									<div class="boxi3">
										京东自营
										<div class="boxiimg"></div>
									</div>
									<div class="boxi4">
										<div class="zi">自营</div>
										<div class="man">满赠</div>
									</div>
								</div>
							</li>
						</c:forEach>
					</ul>

				</div>

				<!-- 分页的大盒子-->
				<div class="bigfenye">
					<div class="fenye">
						<div class="minfenye">
							<zi:page pages="${pages}" url="pagelist"></zi:page>
						</div>
					</div>
				</div>

			</div>

		</div>

		<!--商品精选-->
		<div class="jingxuan">
			<div class="jin">商品精选</div>
			<div class="xuanbody">
				<ul>
					<li>
						<div class="imgtu">
							<img src="static/img/xxxmi.jpg">
						</div>
						<div class="xuanwen">
							<a href="">小米MIX2 全面屏游戏手机 6GB+64GB 黑色 全网通4G手机 双卡双待</a>
						</div>
						<div class="xuanjia">￥3299.00</div>
						<div class="xuanpin">
							<a href="">96726</a>人好评
						</div>
					</li>

					<li>
						<div class="imgtu">
							<img src="static/img/xxxmi.jpg">
						</div>
						<div class="xuanwen">
							<a href="">小米MIX2 全面屏游戏手机 6GB+64GB 黑色 全网通4G手机 双卡双待</a>
						</div>
						<div class="xuanjia">￥3299.00</div>
						<div class="xuanpin">
							<a href="">96726</a>人好评
						</div>
					</li>

					<li>
						<div class="imgtu">
							<img src="static/img/xxxmi.jpg">
						</div>
						<div class="xuanwen">
							<a href="">小米MIX2 全面屏游戏手机 6GB+64GB 黑色 全网通4G手机 双卡双待</a>
						</div>
						<div class="xuanjia">￥3299.00</div>
						<div class="xuanpin">
							<a href="">96726</a>人好评
						</div>
					</li>

					<li>
						<div class="imgtu">
							<img src="static/img/xxxmi.jpg">
						</div>
						<div class="xuanwen">
							<a href="">小米MIX2 全面屏游戏手机 6GB+64GB 黑色 全网通4G手机 双卡双待</a>
						</div>
						<div class="xuanjia">￥3299.00</div>
						<div class="xuanpin">
							<a href="">96726</a>人好评
						</div>
					</li>

					<li>
						<div class="imgtu">
							<img src="static/img/xxxmi.jpg">
						</div>
						<div class="xuanwen">
							<a href="">小米MIX2 全面屏游戏手机 6GB+64GB 黑色 全网通4G手机 双卡双待</a>
						</div>
						<div class="xuanjia">￥3299.00</div>
						<div class="xuanpin">
							<a href="">96726</a>人好评
						</div>
					</li>
				</ul>
			</div>
		</div>

		<!--广告图片 -->
		<div class="guantu">
			<img src="static/img/jdsf.jpg" />
		</div>
	</div>

	<!--底部第一个盒子-->
	<div class="dinghead">
		<div class="dingone">
			<ol>
				<li>
					<div class="duop">
						<div class="duowen">品类齐全，轻松购物</div>
					</div>
				</li>

				<li>
					<div class="kuaip">
						<div class="duowen">多仓直发，极速配送</div>
					</div>
				</li>

				<li>
					<div class="haop">
						<div class="duowen">正品行货，精致服务</div>
					</div>
				</li>

				<li>
					<div class="shengp">
						<div class="duowen">天天低价，畅选无忧</div>
					</div>
				</li>
			</ol>
		</div>

		<div class="headzhi">
			<div class="mindi">
				<dl class="fore1">
					<dt>购物指南</dt>
					<dd>
						<a href="">购物流程</a>
					</dd>
					<dd>
						<a href="">会员介绍</a>
					</dd>
					<dd>
						<a href="">生活旅行/团购</a>
					</dd>
					<dd>
						<a href="">常见问题</a>
					</dd>
					<dd>
						<a href="">大家电</a>
					</dd>
					<dd>
						<a href="">联系客服</a>
					</dd>
				</dl>

				<dl class="fore1">
					<dt>配送方式</dt>
					<dd>
						<a href="">上门自提</a>
					</dd>
					<dd>
						<a href="">211限时达</a>
					</dd>
					<dd>
						<a href="">配送服务查询</a>
					</dd>
					<dd>
						<a href="">配送费收取标准</a>
					</dd>
					<dd>
						<a href="">海外配送</a>
					</dd>

				</dl>

				<dl class="fore1">
					<dt>支付方式</dt>
					<dd>
						<a href="">货到付款</a>
					</dd>
					<dd>
						<a href="">在线支付</a>
					</dd>
					<dd>
						<a href="">分期付款</a>
					</dd>
					<dd>
						<a href="">邮局汇款</a>
					</dd>
					<dd>
						<a href="">公司转账</a>
					</dd>
					<dd>
						<a href=""></a>
					</dd>
				</dl>

				<dl class="fore1">
					<dt>售后服务</dt>
					<dd>
						<a href="">售后政策</a>
					</dd>
					<dd>
						<a href="">价格保护</a>
					</dd>
					<dd>
						<a href="">退款说明</a>
					</dd>
					<dd>
						<a href="">返修/退换货</a>
					</dd>
					<dd>
						<a href="">取消订单</a>
					</dd>
					<dd>
						<a href=""></a>
					</dd>
				</dl>

				<dl class="fore1">
					<dt>特色服务</dt>
					<dd>
						<a href="">夺宝岛</a>
					</dd>
					<dd>
						<a href="">DIY装机</a>
					</dd>
					<dd>
						<a href="">延保服务</a>
					</dd>
					<dd>
						<a href="">京东E卡</a>
					</dd>
					<dd>
						<a href="">京东通信</a>
					</dd>
					<dd>
						<a href="">京东JD+</a>
					</dd>
				</dl>
			</div>
		</div>
	</div>

	<!--底部第二个盒子-->
	<div class="dibu">
		<p class="dibu1">
			<a href="">关于我们</a><span>|</span> <a href="">联系我们</a><span>|</span> <a
				href="">联系客服</a><span>|</span> <a href="">合作招商</a><span>|</span> <a
				href="">商家帮助</a><span>|</span> <a href="">营销中心</a><span>|</span> <a
				href="">手机京东</a><span>|</span> <a href="">友情链接</a><span>|</span> <a
				href="">销售联盟</a><span>|</span> <a href="">京东社区</a><span>|</span> <a
				href="">风险监测</a><span>|</span> <a href="">隐私政策</a><span>|</span> <a
				href="">京东公益</a><span>|</span> <a href="">English Site</a><span>|</span>
			<a href=""> Contact Us</a>
		</p>

		<div class="bodydi2">
			<p class="dibu2">
				<a href="">京公网安备 11000002000088号</a><span>|</span> <span
					class="wenwenwen">京ICP证070359号 </span><span>|</span> <a href="">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span>|</span>
				<span class="wenwenwen">新出发京零 字第大120007号</span>
			</p>

			<p class="dibu3">
				<span class="wenwenwen">互联网出版许可证编号新出网证(京)字150号 </span><span>|</span>
				<a href="">出版物经营许可证</a><span>|</span> <a href="">网络文化经营许可证京网文[2014]2148-348号</a><span>|</span>
				<span class="wenwenwen">违法和不良信息举报电话：4006561155</span>
			</p>

			<p class="dibu4">
				Copyright © 2004 - 2018 京东JD.com 版权所有 | 消费者维权热线：4006067733 <a
					href="">经营证照</a>
			</p>

			<p class="dibu5">
				京东旗下网站：京东钱包 |<a href="">京东云</a>
			</p>

			<p class="imglogo">
				<a href="" class="logo"></a> <a href="" class="logo2"></a> <a
					href="" class="logo3"></a> <a href="" class="logo4"></a> <a href=""
					class="logo5"></a> <a href="" class="logo6"></a>
			</p>
		</div>
	</div>


	</div>
</body>
</html>